//数据集合
var dataList = []

// 颜色数组
var COLORS = ["#EEEEEE", "#faebd2", "#e9a188", "#d56355", "#bb3937", "#772526"]; //图例里的颜色
//颜色区间
var pieces = [
	{
		value: 0,
		color: COLORS[0]
	}, {
		min: 1,
		max: 9,
		color: COLORS[1]
	}, {
		min: 10,
		max: 99,
		color: COLORS[2]
	}, {
		min: 100,
		max: 999,
		color: COLORS[3]
	}, {
		min: 1000,
		max: 9999,
		color: COLORS[4]
	}, {
		min: 10000,
		max: 99999,
		color: COLORS[5]
	}]

getData()

//获取数据
function getData(type) {
	var url="/getMapData"
	if (type=='NewAdd'){
		url="/getMapNewAddData"
	}
	$.ajax({
		url: url,
		dataType: "json",
		success: function (data) {
			// console.log(data)
			dataList = data
			initMap()
		}
	})
}

//中国地图
function initMap() {

	var map = echarts.init(document.getElementById('map')); //初始化
	option = { //配置项（名称）

		//提示框组件,悬浮提示
		tooltip: {
			show: true,
			triggerOn: "click",
			alwaysShowContent: true,
			enterable:true,
			renderMode:'html',
			formatter: function(e, ticket, callback) { //提示框浮层内容格式器，支持字符串模板和回调函数两种形式。
				// target="_blank"，在新窗口中打开链接
				var link = '';
				var str='.5' == e.value ? e.name + "：有疑似病例" : e.seriesName + "<br />" + e.name + "：" +(isNaN( e.value)?0:e.value);
				link =
				'<a style="color: white;text-decoration: none;" href="/province_index.html?proince=encodeURI('+e.name+')" target="_self">' + str+'</a>' ;
				return link;
			} //数据格式化
		},
		backgroundColor: '#F8F9FA', //背景色

		visualMap: { //visualMap 是视觉映射组件，用于进行『视觉编码』，也就是将数据映射到视觉元素（视觉通道）。
			type: 'piecewise', //分段型视觉映射组件
			orient: 'vertical', //方向

			left: 'left', //位置
			top: 'bottom', //位置
			pieces: pieces, //自定义『分段式视觉映射组件』的每一段的范围，以及每一段的文字，以及每一段的特别的样式。
			inRange: {
				color: COLORS //取值范围的颜色
			},

			show: true //图注
		},
		geo: { //地理坐标系组件用于地图的绘制
			map: 'china',
			roam: false, //不开启缩放和平移
			zoom: 1.23, //视角缩放比例
			top: 75,
			label: {
				normal: {
					show: true,
					fontSize: '10',
					color: 'rgba(0,0,0,0.7)'
				}
			},
			itemStyle: {
				normal: {
					borderColor: 'rgba(0, 0, 0, 0.2)'
				},
				emphasis: {
					areaColor: '#F3B329', //鼠标选择区域颜色
					shadowOffsetX: 0,
					shadowOffsetY: 0,
					shadowBlur: 20,
					borderWidth: 0,
					shadowColor: 'rgba(0, 0, 0, 0.5)'
				}
			}
		},
		// 图标类型
		series: [ //系列列表。（图表）
			{
				name: '确诊', //提示标题
				type: 'map', //图表类型
				label: {
					show: false //显示标签
				},
				geoIndex: 0,
				data: dataList //图表的数据，渲染数据
			}
		]
	}


	map.setOption(option);
}

//点击累计确诊
function cumulative(){
	var left=$('#lab_left');
	var right=$('#lab_right');
	var titileTop=$('#titleTip');
	right.removeClass("active");
	left.addClass("active");
	titileTop.text('累计确诊病例数，包含治愈、死亡');
	getData()
}

//点击新增确诊
function yesterday(){
	var left=$('#lab_left');
	var right=$('#lab_right');
	var titileTop=$('#titleTip');
	left.removeClass("active");
	right.addClass("active");
	titileTop.text('新增确诊病例数，排除治愈、死亡');
	getData('NewAdd')
}



